<script>
import OverLapToolbar from '../cardtoolbar/OverLapToolbar';
import OverlapMapCard from '../card/OverlapMapCard';
import ControlTools from './ControlTools.js';

export default {
  name: 'TemplateMap',
  components: {
    OverLapToolbar,
    OverlapMapCard,
  },
  mixins: [ControlTools],
  props: {
    itemConfig: {
      type: Object,
      default: () => {},
    },
  },
};
</script>

<template>
  <div class="datav-basic-chart">
    <OverLapToolbar
      v-if="hideTools"
      class="layout-toolbar" />
    <OverlapMapCard :all-options="itemConfig" />
  </div>
</template>

<style lang="less" scoped>
.datav-basic-chart {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: default;
}
.layout-toolbar {
  display: none !important;
}
</style>
